<template>
  <view class="cashOutRecord">
    <scroll-view 
      :scroll-y="true"
      @refresherrefresh="onRefresh"
    >
      <block v-for="(item, index) in list" :key="index">
        <view class="item">
          <view class="flex-row-align-center">
            <image class="avatar" mode="aspectFit" :src="item.cover" />
            <view class="flex margin-l-tr">
              <p class="nickname">{{ item.nickname }}</p>
              <view class="margin-t-tr flex-row-align-center">
                <p class="username">{{ item.username }}</p>
                <p class="divider"></p>
                <p class="username">{{ item.phone }}</p>
              </view>
            </view>
          </view>
          <view class="data-info">
            <block v-for="(v, k) in dataArr" :key="k">
              <view class="data-info-item">
                <p class="title">{{ v }}</p>
                <view class="num" v-if="k == 0">{{ item.marketordernum }}</view>
                <view class="num" v-else-if="k == 1">{{
                  item.marketprice
                }}</view>
                <view class="num" v-else-if="k == 2">{{
                  item.createtime
                }}</view>
                <view class="num" v-else-if="k == 3">{{
                  item.accumulatedincome
                }}</view>
              </view>
            </block>
          </view>
        </view>
      </block>
    </scroll-view>
  </view>
</template>

<script src="./indexMod.js">
</script>
<style src="./indexStyle.scss">
</style>